/* public */

/*清除浮动*/
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1; /*IE/7/6*/
}
/* 全局样式
    -------------------------------------------------------------- */
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.oh{overflow:hidden;}
.db{display:block;}
.ib{display:inline-block;*display:inline;*zoom:1;}
.dn{display:none;}
.fwb{font-weight:bold;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.taj{text-align:justify;}
.wsn{word-wrap:normal;white-space:nowrap;}
.wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.vam{vertical-align:middle;}
.tdu:hover{text-decoration:underline;}
.ti{overflow:hidden;text-indent:-30000px;}
.ti2{text-indent:2em;}
.csp{cursor:pointer;}
.iconfont{vertical-align: middle;}

/* 小图标
    -------------------------------------------------------------- */
.icon{display:inline-block;background:url(../images/sprite.png) no-repeat;}

.icon-reading--white{background-position: -300px -180px;}
.icon-reading--red{background-position: -60px -280px;}
.icon-reading--blue{background-position: 0 -280px;}
.icon-ordering--white{background-position: -300px -180px;}
.icon-ordering--red{background-position: -300px -120px;}
.icon-ordering--blue{background-position: -300px -60px;}
.icon-disclose--white{background-position: -240px -60px;}
.icon-disclose--red{background-position: -240px 0;}
.icon-disclose--blue{background-position: -180px -160px;}
.icon-download--white{background-position: -60px -220px;}
.icon-download--red{background-position: 0 -220px;}
.icon-download--blue{background-position: -240px -120px;}
.icon-calling--white{background-position: -160px -80px;}
.icon-calling--red{background-position: -360px 0;}
.icon-calling--blue{background-position: -300px 0;}
.icon-newsstand--white{background-position: -240px -220px;}
.icon-newsstand--red{background-position: -180px -220px;}
.icon-newsstand--blue{background-position: -120px -220px;}
.icon-registration--white{background-position: -120px -280px;}
.icon-registration--red{background-position: -240px -280px;}
.icon-registration--blue{background-position: -180px -280px;}
.icon-chucai--white{background-position: -120px -160px;}
.icon-chucai--red{background-position: -60px -160px;}
.icon-chucai--blue{background-position: 0 -160px;}
.icon-website{background-position: -160px 0;}
.icon-numpaper{background-position: -80px -80px;}
.icon-wechat{background-position: -80px 0;}
.icon-app{background-position: 0 -80px;}
.icon-weibo{background-position: 0 0;}
.icon-andriod{width: 30px;height: 30px;background-position: -390px -103px;}
.icon-apple{width: 30px;height: 30px;background-position: -360px -103px;}
.icon-search{background-position: -360px -60px;}
.icon-shadow{background-position: -160px -140px;}

/* 头部
    -------------------------------------------------------------- */
.header{padding-bottom: 5px;background: url(../images/line.png) no-repeat 0 bottom;}
.header .header__top{width: 100%;border-bottom: 1px solid #9f9fa0;}
.header__top .header__content{width: 1200px;height: 74px;margin-left: auto;margin-right: auto;line-height: 74px;}
.header__content .header__content__logo{display: block;float: left;width: 183px;height: 74px;margin-left: 20px;}
.header .header__site{width: 1200px;height: 55px;margin-left: auto;margin-right: auto;}
.header__site .site-nav{position: relative; float: right; margin-right: 5px;}
.site-nav > li{position: relative; float: left;margin: 0 55px;}
.site-nav > li:first-child{margin-left: 0;}
.site-nav > li > a{display: block;padding: 21px 0 8px 0;font-size: 16px;}
.site-nav > li > a.active{border-bottom: 2px solid #036eb8;}
.suspend-layer{display: none;position: absolute;top: 49px;z-index: 99;width: 500px; height: 284px;padding-top: 6px;}
.suspend-layer--about{left: -18px;}
.suspend-layer--head{left: -18px;}
.suspend-layer--paper{left: -160px;}
.suspend-layer--media{right: -160px;}
.suspend-layer--product{right: -18px;}
.suspend-layer--self{right: -18px;}
.suspend-layer .suspend-layer__nav{width: 120px; height: 282px;float: left; padding: 8px 10px 0;background-color: #dcdcdd;}
.suspend-layer__nav li{border-bottom: 1px solid #b4b5b5;}
.suspend-layer__nav li:last-child{border-bottom: none;}
.suspend-layer__nav a{display: block;padding: 16px 0 15px;font-size: 12px;text-align: center;}
.suspend-layer .suspend-layer__info{padding: 20px 34px 20px 27px;height: 250px;overflow: hidden;background-color: #fff;}
.suspend-layer__info .suspend-layer__info__title{margin-top: 14px;margin-bottom: 14px;color: #036eb8;font-size: 14px;}
.suspend-layer__info .suspend-layer__info__text{line-height: 1.5;font-size: 12px;}
.header__site .site-search{position: relative; float: right; margin-top: 6px; width: 48px; height: 44px; overflow: hidden; background-color: #036eb8;}
.site-search .site-search__field{position: absolute; top: 8px; left: 8px; z-index: 1; width: 100px; height: 27px; text-indent: 10px;}
.site-search .site-search__button{position: absolute; top: 0; right: 0; z-index: 2; width: 46px; height: 43px; border: none; cursor: pointer;}

/* 尾部
    -------------------------------------------------------------- */
.footer{width: 100%;height: 93px;background-color: #036eb8;}
.footer .footer__content{width: 1200px;height: 70px;margin-left: auto;margin-right: auto;padding-top: 23px;font-size: 12px;color: #fff;}
.footer__content .footer__content__copyright{margin-bottom: 15px;}
.footer__content .footer__content__link{font-size: 0;}
.footer__content .footer__content__link a{margin-right: 20px;font-size: 14px;color: #fff;}

/* 内页底部
    -------------------------------------------------------------- */
.bottom-wrapper{position: relative;background-color: #036EB8;}
.line-sm{position: absolute;top: -3px;left: 0;right: 0;margin: 0 auto;width: 1200px;height: 4px;background: url(../images/line_sm.png) no-repeat;}
.bottom-wrapper .bottom-content{width: 1200px;padding: 32px 0 48px;margin-left: auto;margin-right: auto;}
.bottom-content .bottom-content__list{float: left;margin-right: 100px;}
.bottom-content__list h4{margin-bottom: 30px;padding-bottom: 12px;font-size: 16px;font-weight: normal;color:#fff;border-bottom: 1px solid #FEFEFE;}
.bottom-content .bottom-content__list--activity{width: 406px;}
.bottom-content .bottom-content__list--service{width: 332px;}
.bottom-content .bottom-content__list--sharing{width: 262px;margin-right: 0;}
.bottom-content__list--service .user-service{font-size: 0;margin-right: -39px;}
.bottom-content__list--service .user-service li{display: inline-block;margin-right: 30px;margin-bottom: 40px;}
.bottom-content__list--service .user-service a{display: block;text-align: center;font-size: 16px;color: #fff;}
.bottom-content__list--service .user-service .item-name{margin-top: 16px;}
.bottom-content__list--sharing .sharing{margin-top: 27px;}
.bottom-content__list--sharing .sharing a{width: 28px;height: 33px;margin-left: 25px;background-position: 0 -79px;text-indent: -9999px;}
.bottom-content__list--sharing .sharing a:first-child{margin-left: 0;}
.icon-qq{display: inline-block;width: 29px;height: 34px;background: url(../images/qq.png) no-repeat;}

/* 底部轮播
    -------------------------------------------------------------- */
.banner-left{width: 406px;height: 223px;overflow: hidden;position: relative;}
.banner-left .banner-mask{position: absolute;bottom: 0;left: 0;width: 100%;padding-left: 16px;height: 45px;line-height: 45px;font-size: 18px;color: #fff;background-color: rgba(0,0,0,.6);}
.banner-left .banner-ico{height: 7px;position: absolute;right: 10px;bottom: 19px;z-index: 99;font-size: 0;}
.banner-left .banner-ico a{display: inline-block;width: 7px;height: 7px;border-radius: 50%;overflow: hidden;background-color: #fff;margin-right: 7px;cursor: pointer;}
.banner-ico a.selected{background-color: #036eb8;}
.banner-right{float: right;width: 203px;padding: 6px 40px 14px 12px;}
.banner-right .banner-article{margin-bottom: -18px;}
.banner-article li{font-size: 14px;margin-bottom: 25px;}
.banner-article li p{margin-top: 10px;line-height: 1.8;color: #6d6d6d;}
.banner-article .banner-article-title{font-size: 14px;}

/* 全屏轮播图
    -------------------------------------------------------------- */
.banner{width: 100%;height: 462px;position: relative; overflow: hidden;}
.banner .banner__nav{position: absolute;left: 0;right: 0;bottom: 0;width: 67px;height: 25px;z-index: 10;margin: 0 auto; cursor: default;}
.banner__nav li{display: inline-block;width: 10px;height: 10px;background-color: #fff;border-radius: 50%;margin: 0 2px;cursor: pointer;}
.banner__nav li.selected{background: #b61b1f;}

/* 无缝滚动
    -------------------------------------------------------------- */
.picMarquee-top{position:relative;width:147px;margin:0 auto;overflow:hidden;}
.picMarquee-top .picMarquee-bd{padding-top:17px;}
.picMarquee-top .picMarquee-bd ul{overflow:hidden;zoom:1;}
.picMarquee-top .picMarquee-bd ul li{text-align:center;zoom:1;}
.picMarquee-top .picMarquee-bd ul li .pic{text-align:center;}
.picMarquee-top .picMarquee-bd ul li .pic img{display:block;width:147px;height:45px;padding-bottom:7px;}

/* 悬浮栏
    -------------------------------------------------------------- */
.float-bar{position: absolute;top: 934px;z-index: 99;left: 50%;width: 52px;margin-left: 610px;border: 1px solid #c9c9ca;}
.float-bar--inner{top: 778px;}
.float-bar .float-bar__item{display: block;width: 52px;padding: 9px 0;text-align: center;background-color: #fff;}
.float-bar .back-Totop{width: 52px;height: 52px;padding: 0;border-top: 1px solid #c9c9ca;text-indent: -9999px;background: #fff url(../images/back_totop.png) no-repeat center center;}
.fix{position: fixed;top: 200px;}

/* 分页
    -------------------------------------------------------------- */
.pagination{margin-top: 50px;text-align: center;font-size: 0;}
.pagination a, .pagination span {display: inline-block;padding: 9px 10px;margin-right: 10px;text-align: center;font-size: 12px;color: #9f9fa0;border: 1px solid #B4B5B5;}
.pagination .current {background: #036EB8;color: #fff;}
.pagination .current.prev, .pagination .current.next{color: #999;background: #fff;}
.pagination a:hover{background-color: #f5f5f5;}